

.close_btn{
    font-size: 25px;
    color: white;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.regist-box ,.login-box{
    position:fixed; 
    z-index: 1;
    top: 0;
    left:0 ;
    right: 0;
    bottom: 0;
    .btn-close {
        width: 50px;
        height: 50px;

    }
    .input-content {
        .login_tit {
            >div {
                .tit-bg {}

                .left {}

                .right {}
            }

            >p {}

        }

        .user_icon {}

        .pwd_icon {}

        .login_txtbx {
            height: 45px;
            padding: 0;
            width: 100%;
        }

        .signup {
            .gv {}
        }
    }

    .canvas1 {}
}

body{
    // background:url('../images/王也.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-color: rgb(251, 246, 246);
}
.login-box{
    position: fixed;
    width:50%;
    height:60%;
    margin:0 auto ;
    margin-top:13%;
    text-align:center;
    background:#14020260;
    padding:20px 50px;
    }
.login-box h1{
    color:#fff;
}
.login-box .form .item{
    margin-top:15px;
}
.login-box .form .item i{
    font-size:18px;
    color:#fff;
}
.login-box .form .item input{
    width:180px;
    font-size:18px;
    border:0;
    border-bottom:2px solid #fff;
    padding:5px 10px;
    background:#ffffff00;
    color:#fff;
}
.login-box 	button{
    margin-top:20px;
    width:190px;
    height:30px;
    font-size:20px;
    font-weight:700;
    color:#fff;
    /* background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%); */
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    border:0;
    border-radius:15px;
}





.regist-box{
    width:50%;
    height:60%;
    margin:0 auto ;
    margin-top:13%;
    text-align:center;
    background:#00000060;
    padding:20px 50px;
    // background-color: blue;
    }
.regist-box h1{
    color:#fff;
}
.regist-box .form .item{
    margin-top:15px;
}
.regist-box .form .item i{
    font-size:18px;
    color:#fff;
}
.regist-box .form .item input{
    width:180px;
    font-size:18px;
    border:0;
    border-bottom:2px solid #fff;
    padding:5px 10px;
    background:#ffffff00;
    color:#fff;
}
.regist-box button{
    margin-top:20px;
    width:190px;
    height:30px;
    font-size:20px;
    font-weight:700;
    color:#fff;
    /* background-image: linear-gradient(to right, #74ebd5 0%, #9face6 100%); */
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    border:0;
    border-radius:15px;
}